<div class="container page-header">
    <h1>
        用户列表 <small>列表</small>
        <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary btn-lg pull-right btn-add" id="btn-add">
            添加用户
        </button>
    </h1>


</div>

<div class="container">
    <table class="table table-hover">
        <thead>
        <th>id</th>
        <th>用户名</th>
        <th>手机号</th>
        <th>邮箱</th>
        <th>操作</th>
        </thead>
        <tr th:each="emp:${emps}">
            <td th:text="${emp.id}">1</td>
            <td th:text="${emp.username}">1</td>
            <td th:text="${emp.mobile}">1</td>
            <td th:text="${emp.email}">1</td>
            <td>
                <input type="button" class="btn btn-success btn-sm btn-update" value="修改" data-toggle="modal" data-target="#modal-dialog" data-whatever="修改"/>
                <button type="button" class="btn btn-danger btn-sm btn-del">删除</button>
            </td>
        </tr>

    </table>
</div>



<!-- Modal -->
<div class="modal fade" id="modal-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="modalitle">Modal title</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id = "save" type="button" class="btn btn-primary save">保存</button>
            </div>
        </div>
    </div>
</div>
<script src="js/emplist.js"></script>
